
import { Tag, Typography, Button } from 'antd';
const { Text } = Typography;

export const columns = [
    {
        title: '取款人姓名',
        dataIndex: 'withdrawalsName',
        key: 'withdrawalsName',
        align: 'center',
        width: 110,
        fixed: 'left',
        render: (text) => <Tag color="orange">{text}</Tag>,
    },
    {
        title: '身份证号',
        dataIndex: 'idNumber',
        key: 'idNumber',
        align: 'center',
        width: 200,
        render: (text) => <Typography.Text copyable>{text}</Typography.Text>,
    },
    {
        title: '银行名称',
        dataIndex: 'bankName',
        key: 'bankName',
        align: 'center',
        width: 80,
        ellipsis: true,
        render: (text) => <Tag bordered={false} color="blue">{text}</Tag>,
    },
    {
        title: '网点名称',
        dataIndex: 'branchName',
        key: 'branchName',
        align: 'center',
        width: 200,
        render: (text) => (
            <div>
                <Tag color="magenta">{text}</Tag>
            </div>
        ),
    },
    {
        title: '网点所在县区',
        dataIndex: 'districtsName',
        key: 'districtsName',
        align: 'center',
        width: 80,
        render: (text) => <Tag color="geekblue">{text}</Tag>,
    },
    {
        title: '网点具体地址',
        dataIndex: 'branchAddress',
        key: 'branchAddress',
        align: 'center',
        width: 200,
        ellipsis: true,
    },

    {
        title: '手机号码',
        dataIndex: 'phoneNumber',
        key: 'phoneNumber',
        align: 'center',
        width: 120,
        render: (text) => <Typography.Text >{text}</Typography.Text>,
    },
    {
        title: '取现金额(元)',
        dataIndex: 'withdrawalAmount',
        key: 'withdrawalAmount',
        align: 'center',
        width: 120,
        render: (text) => <Tag color="red">{`¥${text}`}</Tag>,
    },
    {
        title: '币种',
        dataIndex: 'currency',
        key: 'currency',
        align: 'center',
        width: 80,
        render: (text = '人民币') => <Tag color="purple">{text}</Tag>,
    },
    {
        title: '取款时间',
        dataIndex: 'withdrawalTime',
        key: 'withdrawalTime',
        align: 'center',
        width: 150,
        render: (text) => <Typography.Text type="secondary">{text}</Typography.Text>,
    },
    {
        title: '交易渠道',
        dataIndex: 'transactionChannel',
        key: 'transactionChannel',
        align: 'center',
        width: 120,
        render: (text) => <Tag color="cyan">{text}</Tag>,
    },
    {
        title: '取款理由',
        dataIndex: 'withdrawalReason',
        key: 'withdrawalReason',
        align: 'center',
        width: 150,
        ellipsis: true,
    },
    {
        title: '开卡地',
        dataIndex: 'cardIssuancePlace',
        key: 'cardIssuancePlace',
        align: 'center',
        width: 120,
        render: (text = '清远') => <Tag color="lime">{text}</Tag>,
    },
    {
        title: '是否本人取现',
        dataIndex: 'isSelfWithdrawal',
        key: 'isSelfWithdrawal',
        align: 'center',
        width: 120,
        render: (text) => (
            <Tag color={text === '是' ? 'green' : 'red'}>{text}</Tag>
        ),
    },
    {
        align: 'center',
        title: '操作',
        key: 'operation',
        fixed: 'right',
        width: 100,
        render: () =>
            <Button size='small' color="danger" variant="outlined">
                删除记录
            </Button>,
    },
];

export default columns;